<template>
    <div>
        <el-menu
                :default-active="activeIndex2"
                class="module"
                mode="horizontal"
                @select="handleSelect"
                background-color="#545c64"
                text-color="#fff"
                active-text-color="#ffd04b">
            <el-submenu index="1">
                <template slot="title">询价中心</template>
                <el-menu-item index="1-1" >
                    <router-link to="/app/module/waitCode" class="nav-white">待定码列表</router-link>
                </el-menu-item>
                <el-menu-item index="1-2" >
                    <router-link to="/app/module/finishCode" class="nav-white">已定码列表</router-link>
                </el-menu-item>

            </el-submenu>
            <el-submenu index="2">
                <template slot="title">代客下单</template>
                <el-menu-item index="2-1" >
                    <router-link to="/app/module/replaceInquire" class="nav-white">代客下询价</router-link>
                </el-menu-item>
                <el-menu-item index="2-2">
                    <router-link to="/app/module/orderInfoProxy" class="nav-white">代客下订单</router-link>
                </el-menu-item>


            </el-submenu>
            <el-menu-item index="3" disabled>消息中心</el-menu-item>
            <el-menu-item index="4">消息中心</el-menu-item>
        </el-menu>
        <div class="module-view">
            <router-view></router-view>
        </div>

    </div>


</template>
<script>
  export default {
    data() {
      return {
        activeIndex: '1',
        activeIndex2: '1-1'
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>
<style scoped lang="scss" type="text/scss">
    .module{
        float: left;
        width: 100%;
        margin-bottom: 20px;

    }

</style>